import styles from './index.module.scss'
import { forwardRef } from 'react'
import cm from 'classnames'

const Index = (props, ref) => {
  return (
    <div className={cm(styles.dots, props.className)} ref={ref}>
      {props.isLoading ? (
        <>
          <div className={styles.dotItem}></div>
          <div className={styles.dotItem}></div>
          <div className={styles.dotItem}></div>
        </>
      ) : null}
    </div>
  )
}

export default forwardRef(Index)
